@import './variables.scss';
/************************
 * 基础样式
************************/

page {
		height: 100%;
		letter-spacing: 2rpx;
	}

image {
    width: 100%;
    height: 100%;
}

.icon {
    width: 32rpx;
    height: 32rpx
}

/************************
 * 圆角
************************/
.br-1 {
    border-radius: 8rpx;
}
.br-2 {
    border-radius: 16rpx;
}
.br-3 {
    border-radius: 24rpx;
}
.br-4 {
    border-radius: 32rpx;
}

/************************
 * 背景颜色
************************/
// .bg-red {
//     background-color: $red;
// }
// .bg-orange {
//     background-color: $orange;
// }
// .bg-yellow {
//     background-color: $yellow;
// }
// .bg-olive {
//     background-color: $olive;
// }
// .bg-green {
//     background-color: $green;
// }
// .bg-cyan {
//     background-color: $cyan;
// }
// .bg-teal {
//     background-color: $teal;
// }
// .bg-blue {
//     background-color: $blue;
// }
// .bg-purple {
//     background-color: $purple;
// }
// .bg-mauve {
//     background-color: $mauve;
// }
// .bg-pink {
//     background-color: $pink;
// }
// .bg-brown {
//     background-color: $brown;
// }
// .bg-gray {
//     background-color: $gray;
// }

//黑夜主题
.dark-bg-fenl {
		background-color: $dark-bg-fenl;
	}

.dark-bg-middle {
	
		background-color: $dark-bg-middle;
	}

.dark-bg-abox {
		background-color: $dark-bg-abox;
	}

.dark-bg-bbox {
		background-color: $dark-bg-bbox;
	}

.dark-bg-hbox {
		background-color: $dark-bg-hbox;
	}

.dark-bg-cbox {
		background-color: $dark-bg-cbox;
	}

.dark-bg-dbox {
		background-color: $dark-bg-dbox;
	}

.dark-ftitle-color {
		color: $dark-ftitle-color;
	}

.dark-ftext-color {
		color: $dark-ftext-color;
	}

.dark-check-color {
		color: $dark-check-color;
	}

.dark-border-top {
		border-top: $dark-border-divide;
	}

.dark-border-right {
		border-right: $dark-border-divide;
	}

.dark-border-bottom {
		border-bottom: $dark-border-divide;
	}

.dark-border-left {
		border-left: $dark-border-divide;
	}
	
.dark-border-inputb{
	border-bottom: $dark-border-inputb;
}

.dark-border-input{
	border: $dark-border-input;
}
	
//默认主题
.light-bg-fenl {
		background-color: $light-bg-fenl;
	}

.light-bg-middle {
		background-color: $light-bg-middle;

	}

.light-bg-abox {
		background-color: $light-bg-abox;
	}

.light-bg-bbox {
		background-color: $light-bg-bbox;
	}

.light-bg-hbox {
		background-color: $light-bg-hbox;
	}

.light-bg-cbox {
		background-color: $light-bg-cbox;
	}
	
	.light-bg-dbox {
			background-color: $light-bg-dbox;
		}

.light-ftitle-color {
		color: $light-ftitle-color;
	}

.light-ftext-color {
		color: $light-ftext-color;
	}
	
.light-check-color{
		color: $light-check-color; 
	}

.light-border-top {
		border-top: $light-border-divide;
	}

.light-border-right {
		border-right: $light-border-divide;
	}

.light-border-bottom {
		border-bottom: $light-border-divide;
	}

.light-border-left {
		border-left: $light-border-divide;
	}
	
.light-border-inputb{
		border-bottom: $light-border-inputb;
	}
	
.light-border-input{
		border: $light-border-input;
	}

//雏菊主题
.daisies-bg-fenl {
		background-color: $daisies-bg-fenl;
	}

.daisies-bg-middle {
		background-color: $daisies-bg-middle;

	}

.daisies-bg-abox {
		background-color: $daisies-bg-abox;
	}

.daisies-bg-bbox {
		background-color: $daisies-bg-bbox;
	}

.daisies-bg-hbox {
		background-color: $daisies-bg-hbox;
	}

.daisies-bg-cbox {
		background-color: $daisies-bg-cbox;
	}
	
	.daisies-bg-dbox {
			background-color: $daisies-bg-dbox;
		}

.daisies-ftitle-color {
		color: $daisies-ftitle-color;
	}

.daisies-ftext-color {
		color: $daisies-ftext-color;
	}
		
.daisies-check-color{
		color: $daisies-check-color; 
	}

.daisies-border-top {
		border-top: $daisies-border-divide;
	}

.daisies-border-right {
		border-right: $daisies-border-divide;
	}

.daisies-border-bottom {
		border-bottom: $daisies-border-divide;
	}

.daisies-border-left {
		border-left: $daisies-border-divide;
	}
	
	.daisies-border-inputb{
			border-bottom: $daisies-border-inputb;
		}
		
	.daisies-border-input{
			border: $daisies-border-input;
		}

//鲜橙主题
.orange-bg-fenl {
		background-color: $orange-bg-fenl;
	}

.orange-bg-middle {
		background-color: $orange-bg-middle;

	}

.orange-bg-abox {
		background-color: $orange-bg-abox;
	}

.orange-bg-bbox {
		background-color: $orange-bg-bbox;
	}

.orange-bg-hbox {
		background-color: $orange-bg-hbox;
	}

.orange-bg-cbox {
		background-color: $orange-bg-cbox;
	}

.orange-bg-dbox {
		background-color: $orange-bg-dbox;
	}

.orange-ftitle-color {
		color: $orange-ftitle-color;
	}

.orange-ftext-color {
		color: $orange-ftext-color;
	}
	
.orange-check-color{
		color: $orange-check-color; 
	}

.orange-border-top {
		border-top: $orange-border-divide;
	}

.orange-border-right {
		border-right: $orange-border-divide;
	}

.orange-border-bottom {
		border-bottom: $orange-border-divide;
	}

.orange-border-left {
		border-left: $orange-border-divide;
	}
	
	.orange-border-inputb{
			border-bottom: $orange-border-inputb;
		}
		
	.orange-border-input{
			border: $orange-border-input;
		}

//樱花主题
.flower-bg-fenl {
		background-color: $flower-bg-fenl;
	}

.flower-bg-middle {
		background-color: $flower-bg-middle;

	}

.flower-bg-abox {
		background-color: $flower-bg-abox;
	}

.flower-bg-bbox {
		background-color: $flower-bg-bbox;
	}

.flower-bg-hbox {
		background-color: $flower-bg-hbox;
	}

.flower-bg-cbox {
		background-color: $flower-bg-cbox;
	}
	
	.flower-bg-dbox {
			background-color: $flower-bg-dbox;
		}

.flower-ftitle-color {
		color: $flower-ftitle-color;
	}

.flower-ftext-color {
		color: $flower-ftext-color;
	}
	
.flower-check-color{
		color: $flower-check-color; 
	}

.flower-border-top {
		border-top: $flower-border-divide;
	}

.flower-border-right {
		border-right: $flower-border-divide;
	}

.flower-border-bottom {
		border-bottom: $flower-border-divide;
	}

.flower-border-left {
		border-left: $flower-border-divide;
	}
	
	.flower-border-inputb{
			border-bottom: $flower-border-inputb;
		}
		
	.flower-border-input{
			border: $flower-border-input;
		}
	
//春意主题
.spring-bg-fenl {
		background-color: $spring-bg-fenl;
	}

.spring-bg-middle {
		background-color: $spring-bg-middle;

	}

.spring-bg-abox {
		background-color: $spring-bg-abox;
	}

.spring-bg-bbox {
		background-color: $spring-bg-bbox;
	}

.spring-bg-hbox {
		background-color: $spring-bg-hbox;
	}

.spring-bg-cbox {
		background-color: $spring-bg-cbox;
	}

.spring-bg-dbox {
		background-color: $spring-bg-dbox;
	}

.spring-ftitle-color {
		color: $spring-ftitle-color;
	}

.spring-ftext-color {
		color: $spring-ftext-color;
	}
		
.spring-check-color{
		color: $spring-check-color; 
	}

.spring-border-top {
		border-top: $spring-border-divide;
	}

.spring-border-right {
		border-right: $spring-border-divide;
	}

.spring-border-bottom {
		border-bottom: $spring-border-divide;
	}

.spring-border-left {
		border-left: $spring-border-divide;
	}
	
	.spring-border-inputb{
			border-bottom: $spring-border-inputb;
		}
		
	.spring-border-input{
			border: $spring-border-input;
		}
	
//盛夏主题
.summer-bg-fenl {
		background-color: $summer-bg-fenl;
	}

.summer-bg-middle {
		background-color: $summer-bg-middle;

	}

.summer-bg-abox {
		background-color: $summer-bg-abox;
	}

.summer-bg-bbox {
		background-color: $summer-bg-bbox;
	}

.summer-bg-hbox {
		background-color: $summer-bg-hbox;
	}

.summer-bg-cbox {
		background-color: $summer-bg-cbox;
	}
	
	.summer-bg-dbox {
			background-color: $summer-bg-dbox;
		}

.summer-ftitle-color {
		color: $summer-ftitle-color;
	}

.summer-ftext-color {
		color: $summer-ftext-color;
	}
		
.summer-check-color{
		color: $summer-check-color; 
	}

.summer-border-top {
		border-top: $summer-border-divide;
	}

.summer-border-right {
		border-right: $summer-border-divide;
	}

.summer-border-bottom {
		border-bottom: $summer-border-divide;
	}

.summer-border-left {
		border-left: $summer-border-divide;
	}
	
	.summer-border-inputb{
			border-bottom: $summer-border-inputb;
		}
		
	.summer-border-input{
			border: $summer-border-input;
		}